<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<ui:composition>
	<f:subview>
			<div class="content-secondary">
				<div class="left-column">
					<div class="left-menu-border">
						<div class="left-menu-top">
							<div class="left-menu-bottom">
								<div class="title-border-dashed">
									<h3>Búsqueda</h3>
								</div>
								<ul class="menu-left contact">
									<li class="no-border-bottom"><br /> <br /> <br />
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				
				<a4j:form>
				<div class="right-column">
					<div class="contact-form-top-bg">
						<div class="contact-form-bottom-bg">
							<div class="title-border-dashed padding-top-15px">
								<h3>Administrar Avisos</h3>
								<div class="boton-derecha">
									<a4j:commandLink id="cbtParam1Dos"
									styleClass="holder-small"
									action="#{adminBean.nuevoAviso}"
									reRender="pnlNuevoAviso">
										<span class="holder-small-repeat">Nuevo</span>
										<span class="holder-small-right"></span>
										<f:setPropertyActionListener target="#{adminBean.oAviso}" value="#{adminBean.nuevoAviso}" />
									</a4j:commandLink>
								</div>
							</div>
							
							<rich:dataTable var="o" value="#{adminBean.lstAvisos}"
							styleClass="stable" rowClasses="odd-row, even-row"
							iterationStatusVar="it" id="tablaAvisos" rows="15">
				                <f:facet name="header">
				                    <rich:columnGroup>
				                        <h:column><h:outputText value="#" /></h:column>
				                        <h:column><h:outputText value="Título" /></h:column>
				                        <h:column><h:outputText value="Aviso" /></h:column>
				                        <h:column><h:outputText value="Ubicación" /></h:column>
				                        <h:column><h:outputText value="Fecha de Inicio" /></h:column>
				                        <h:column><h:outputText value="Fecha de Fin" /></h:column>
				                        <h:column><h:outputText value="Fecha de Creación" /></h:column>
				                        <h:column><h:outputText value="Acciones" /></h:column>
				                    </rich:columnGroup>
				                </f:facet>
								<rich:column>
									<h:outputText value="#{o.codigo}" />
								</rich:column>
								<rich:column>
									<h:outputText value="#{o.titulo}" />
								</rich:column>
								<rich:column>
									<h:outputText value="#{o.aviso}" />
								</rich:column>
								<rich:column>
									<h:outputText value="#{o.ubicacion.nombreCorto}" />
								</rich:column>
								<rich:column>
									<h:outputText value="#{o.fechaInicio}" />
								</rich:column>
								<rich:column>
									<h:outputText value="#{o.fechaFin}" />
								</rich:column>
								<rich:column>
									<h:outputText value="#{o.fechaCreacion}" />
								</rich:column>
								<rich:column>
									<a4j:commandLink styleClass="no-decor" execute="@this"
										render="@none"
										oncomplete="#{rich:component('ppnlConfirmar')}.show()">
										<h:graphicImage value="../../common/images/iconos/delete.gif"
											alt="delete" />
										<a4j:actionparam value="#{it.index}"
											assignTo="#{adminBean.oAviso.index}" />
									</a4j:commandLink>
									<a4j:commandLink styleClass="no-decor" render="editGrid"
										execute="@this"
										oncomplete="#{rich:component('pnlEditarAviso')}.show()">
										<h:graphicImage value="../../common/images/iconos/edit.gif"
											alt="edit" />
										<a4j:actionparam value="#{it.index}" assignTo="#{adminBean.oAviso.index}" />
										<f:setPropertyActionListener target="#{adminBean.oAviso}" value="#{o}" />
									</a4j:commandLink>
								</rich:column>
							</rich:dataTable>
						</div>
					</div>
				</div>
				</a4j:form>

				<div class="right-column">
					<div class="contact-form-top-bg">
						<div class="contact-form-bottom-bg">
							<rich:panel id="ppnlNuevoAviso">
								<f:facet name="header"><h:outputText value="Registrar Aviso" /></f:facet>
								<f:subview>
								<a4j:form styleClass="form">
						           	<h:panelGrid columns="3" id="pnlNuevoAviso">
										<h:outputLabel value="Titulo" />
										<h:inputText id="titulo" label="Título" value="#{adminBean.oAviso.titulo}" 
										style="width:300px"
										required="true" requiredMessage="El Título es requerido" />
										<rich:message for="titulo" ajaxRendered="true" />
						
										<h:outputLabel value="Mensaje" />
										<h:inputTextarea id="mensaje" value="#{adminBean.oAviso.aviso}" cols="55" rows="4" 
										required="true" requiredMessage="El Mensaje es requerido" />
										<rich:message for="mensaje" ajaxRendered="true" />
										
										<h:outputLabel value="Fecha de Inicio" />
						                <rich:calendar value="#{adminBean.oAviso.fechaInicio}" id="calFechaInicio" 
						                    datePattern="dd/MM/yyyy"
						                    showWeeksBar="false" popup="true"
						                    cellWidth="24px" cellHeight="22px" style="width:200px"
						                    required="true" requiredMessage="La fecha de Inicio es requerida" >
						                </rich:calendar>
										<rich:message for="calFechaInicio" ajaxRendered="true" />
										
						             	<h:outputLabel value="Fecha de Fin" />
						                <rich:calendar value="#{adminBean.oAviso.fechaFin}" id="calFechaFin" 
						                    datePattern="dd/MM/yyyy"
						                    cellWidth="24px" cellHeight="22px" style="width:200px"
						                    required="true" requiredMessage="La fecha de Fin es requerida">
						                </rich:calendar>
										<rich:message for="calFechaFin" ajaxRendered="true" />
										
						             	<h:outputLabel value="Ubicación" />
										<h:selectOneMenu value="#{adminBean.oAviso.ubicacion.codigo}" id="ubicacion" 
										required="true" requiredMessage="La Ubicación es requerida">
											<f:selectItems value="#{adminBean.cboUbicacion}"/>
										</h:selectOneMenu>
										<rich:message for="ubicacion" ajaxRendered="true" />
										
						           	</h:panelGrid>
						           	
									<div class="botones-popup-centrar" style="width: 150px;">
									<a4j:commandLink styleClass="holder-small" 
									reRender="tablaAvisos"
									action="#{adminBean.registrarAviso}"
									oncomplete="mostrarMsg();">
										<span class="holder-small-repeat">Guardar</span>
										<span class="holder-small-right"></span>
									</a4j:commandLink>
									<a4j:commandLink styleClass="holder-small" execute="@form" 
									render="pnlNuevoAviso"
									onclick="#{rich:component('ppnlNuevoAviso')}.hide(); return false;">
											<span class="holder-small-repeat">Cancelar</span>
											<span class="holder-small-right"></span>
									</a4j:commandLink>
									</div>
								</a4j:form>
								</f:subview>
							</rich:panel>
						</div>
					</div>
				</div>

			</div>
		
	<rich:modalPanel id="ppnlConfirmar" height="50" >
		<div class="contenido-popup-centrar">
			<em>¿Está seguro que desea eliminar el registro?</em>

			<div class="botones-popup-centrar" style="width: 145px;">
				<a4j:commandLink styleClass="holder-small"
					onclick="#{rich:component('ppnlConfirmar')}.hide(); return false;">
					<span class="holder-small-repeat">Cancelar</span>
					<span class="holder-small-right"></span>
				</a4j:commandLink>
				<a4j:commandLink styleClass="holder-small"
					onclick="eliminarUsuario(); return false;">
					<span class="holder-small-repeat">Eliminar</span>
					<span class="holder-small-right"></span>
				</a4j:commandLink>
			</div>
		</div>
	</rich:modalPanel>
	
	<a4j:jsFunction name="eliminarAviso"
		action="#{admin.eliminarAviso}" render="tablaAvisos"
		execute="@this"
		oncomplete="#{rich:component('ppnlConfirmar')}.hide();" />
	

		
</f:subview>	
</ui:composition>
</html>

